<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>多类型选择器</title>
  <link rel="stylesheet" type="text/css" href="../style/learn.css">
</head>
<body>
  <div class="notebox">
    This is an informational note.
  </div>
  <div class="line-br"></div>
  <div class="notebox warning">
    This note shows a warning.
  </div>
  <div class="line-br"></div>
  <div class="notebox danger">
    This note shows danger!
  </div>
  <div class="line-br"></div>
  <div class="danger">
    This won't get styled — it also needs to have the notebox class
  </div>
  <div class="line-br"></div>

  <h1 id="heading">ID selector</h1>
  <p>Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo
    melon azuki bean garlic.</p>

  <p id="one">Gumbo beet greens corn soko <strong>endive</strong> gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard
    greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.</p>
</body>
</html>